    <style>
        #bottom{
            width: 100%;
        }
        #line{
            width:90%;
            border:1px solid #dcdcdc;
            text-align: center;
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 50px;

        }
        @media (min-width: 1200px){
                #line {
                    margin:0 auto;
                    margin-top:30px;
                    margin-bottom: 50px;
                }
            }
            @media (min-width: 992px){
            #line {
                margin:0 auto;
                margin-top:30px;
                margin-bottom: 50px;
            }
            }
            @media (min-width: 768px){
                #line {
                margin:0 auto;
                margin-top:30px;
                margin-bottom: 50px;
            }
            }
        .row ul li {
            list-style: none;
            color: #dcdcdc;
            line-height: 35px;
        }
        #k{
   
    height: 300px;
    width: 80%;
    /*position: absolute;
    margin: 80px 200px 100px 250px;*/
}
@media screen and(min-width: 1500px){
                #bottom div:nth-child(2) div {
                    margin-left:7%;
                }
            }
 @media (min-width: 1300px)and(max-width: 1500px){
                #bottom div:nth-child(2) div {
                    margin-left:5%;
                }
            }
            @media (min-width: 992px)and(max-width: 1300px){
            #bottom div:nth-child(2) div  {
                margin-left:3%;
            }
            }
            @media (min-width: 768px)and(max-width: 992px){
               #bottom div:nth-child(2) div  {
                margin-left:3%;
            }
            }
    </style>
    <link href="/Public/Home/css/bootstrap.css" rel="stylesheet" />
    <div id="bottom">
        <div id="line"></div>
        <div id="k" class="row">

            <div class="col-xs-3">
                <span>BIT</span><span>MAO</span>
            </div>
            <div class="col-xs-3">
                <ul>
                     <li>关于我们</li>
                     <volist name="team" id="vo">
						<li><a href="{:U('Art/details',array('id'=>$vo['article_id']))}"   style="color:white">{$vo.title}</a></li>
	                </volist>
                </ul>
            </div>
            <div class="col-xs-3">
                <ul>
                    <li>帮助中心</li>
                    <volist name="help" id="vo">
						<li><a href="{:U('Help/index',array('id'=>$vo['id']))}"  style="color:white">{$vo.name}</a></li>
                	</volist>
                </ul>
            </div>
            <div class="col-xs-3">
                <ul>
                    <li>联系我们</li>
                    <li style="color:white;">客 服 QQ：{$config.qq1|default="暂无"}</li>
					<li><a href="mailto:{$config['email']}" style="color:white">客服邮箱：{$config.email|default="暂无"}</a></li>
					<li><a href="mailto:{$config['business_email']}" style="color:white">业务合作：{$config.business_email|default="暂无"}</a></li>
                </ul>
            </div>
        </div>
       <div>
           <div>{$config.copyright|default="暂无"}</div>
           <div>{$config.record|default="暂无"}</div>
       </div>


    </div>
</div>
</body>
</html>
